<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="css/style.css" rel="stylesheet" />
		<style>
			.v1 {
				width: 18.3%;
				float: left;
				overflow: hidden;
				position: relative;
				height: 190px;
				margin: 10px;
				border: 4px solid rgb(65 104 177);
				border-radius: 5px;
				color: white;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="top">
				<div class="flex" style="margin-top:0px;">
					<div class="f tti" :class="{active:now==0}" @click="tab(0)"></div>
					<div class="f tti" :class="{active:now==1}" @click="tab(1)"></div>
					<div class="f" style="flex: 2.2;">
						<div class="logo">
							<img class="u4" src="img/u4.svg" />
							<div class="uti">谢通门县旅游数据-监控平台</div>
							<img class="u5" src="img/u5.svg" />
						</div>
					</div>
					<div class="f tti" :class="{active:now==2}" @click="tab(2)"></div>
					<div class="f tti" @click="tab(2)"></div>
				</div>
			</div>
			<div class="content" style="margin-top: 30px;">
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
				<div class="v1" style="border: 0px;">
					<iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
				</div>
			</div>
		</div>
		<script src="js/vue.min.js"></script>
		<script src="js/echarts.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/wordcloud2.js"></script>
		<script>
			let vm = new Vue({
				el: "#app",
				data: {
					item: {},
					now: 0
				},
				mounted() {},
				methods: {

				}
			})
		</script>
	</body>
</html>
